<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://workflow.nevint.com:90/assets/css/bootstrap.css">
    <link rel="stylesheet" href="http://workflow.nevint.com:90/assets/css/bootstrap-responsive.css">
    <style>
        ul,li{ list-style:none; margin:0; padding:0;}
        .ul1{
            border-top:1px solid #ddd;

        }
        .lv1{
            border:1px solid #dddddd;
            border-top:none;
            border-bottom:none;
        }
        .ul1 li span{
            cursor:pointer;
            padding-left:20px;
            height:30px;
            line-height:30px;
            display:block;
            border-bottom:1px solid #ddd;

        }
        .ul2 {
            display:none;
        }
        .lv2{
            border-bottom:1px solid #ddd;
        }
        .lv2 a{
            -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
            display:inline-block;
            width:50%;
            cursor:pointer;
            padding-left:40px;

        }
        .lv2{
            height:30px;
            line-height:30px;
        }
    </style>
</head>
<body>
<div class="container">
    <ul class="ul1">
        <li class="lv1">
            <span>LV1</span>
            <ul class="ul2">
                <li class="lv2"><a>二级分两列-左</a><a>二级分两列-右</a></li>
                <li class="lv2"><a>LV2</a><a>LV2</a></li>
                <li class="lv2"><a>二级分两列-左</a><a>二级分两列-右</a></li>
                <li class="lv2"><a>LV2</a><a>LV2</a></li>
            </ul>
        </li>
        <li class="lv1">
            <span>LV1</span>
            <ul class="ul2">
                <li class="lv2"><a>二级分两列-左</a><a>二级分两列-右</a></li>
                <li class="lv2"><a>LV2</a><a>LV2</a></li>
                <li class="lv2"><a>二级分两列-左</a><a>二级分两列-右</a></li>
                <li class="lv2"><a>LV2</a><a>LV2</a></li>
            </ul>
        </li>
    </ul>
</div>
</body>
<script src="http://workflow.nevint.com:90/assets/js/jquery.js"></script>

<script>
    $(function () {
        $('.lv1').click(function () {
            $(this).find(".ul2").toggle();
        })
    })
</script>
</html>